<script setup>
import FanContactPanel from '..'
import Lazyload from '../../lazyload'

if (window.app && !window.lazyloadRegistered) {
	window.app.use(Lazyload)
	window.lazyloadRegistered = true
}
</script>

<template>
	<demo-block title="无配置">
		<FanContactPanel style="padding: 0 15px"></FanContactPanel>
	</demo-block>

	<demo-block title="手机">
		<FanContactPanel phone="110 120 12345"></FanContactPanel>
	</demo-block>

	<demo-block title="二维码">
		<FanContactPanel picture="https://img.dac6.cn/fre/lib/fan.png" style="padding: 0 15px"></FanContactPanel>
	</demo-block>

	<demo-block title="全都有">
		<FanContactPanel phone="110 120 12345" picture="https://img.dac6.cn/fre/lib/fan.png" bg="var(--fan-primary-color-1)"
			style="padding: 10px;margin: 0 15px;background: #fff;"></FanContactPanel>
	</demo-block>
</template>
